﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>GoJS Sample Projects</title>
  <meta name="description" content="Various samples using GoJS that are in separate project directories." />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Copyright 1998-2021 by Northwoods Software Corporation. -->
  <script src="../assets/js/goSamples.js"></script>  <!-- this is only for the GoJS Samples framework -->
  <script id="code">
    function init() {
      if (window.goSamples) goSamples();  // init for these samples -- you don't need to call this
    }
  </script>
</head>
<body onload="init()">
  <div id="sample">
    <h2>GoJS Sample Projects</h2>
    <p>
      Most of the hundreds of samples are in individual pages at <a href="../samples/index.html">Samples Index</a>
      and <a href="../extensions/index.html">Extensions</a>.
    </p>
    <p>
      This directory has subdirectories that hold samples that consist of more than one file or have nested subdirectories.
    </p>
    <p>
      The <a href="bpmn/BPMN.html" target="_blank">BPMN sample</a> demonstrates some basics of a BPMN editor.
      The sources are in the <code>bpmn</code> subdirectory.
    </p>
    <p>
      There is a floor plan editor at <a href="floorplannerTS/index.html" target="_blank">TypeScript FloorPlanner sample</a>.
      The sources are in the <code>floorplannerTS</code> subdirectory.
      There is also an <a href="floorplanner/FloorPlanner.html" target="_blank">older JavaScript FloorPlanner sample</a>,
      whose sources are in the <code>floorplanner</code> subdirectory.
    </p>
    <p>
      A demonstration of generating, showing, and downloading PDF for a diagram is at <a href="pdf/minimalPDF.html" target="_blank">minimalPDF.html</a>.
      The sample demonstrates both showing the PDF on the page itself as well as downloading it upon pressing a button.
      In a real application it is likely that you would only want to have the user download the PDF file.
    </p>
    <p>
      An example server-side project for running GoJS with Puppeteer is in the <code>puppeteer</code> subdirectory or at
      <a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/puppeteer">GitHub: puppeteer</a>.
    </p>
    <p>
      The GoJS Cloud Storage extension is in the <code>storage</code> subdirectory or at
      <a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/storage">GitHub: storage</a>.
    </p>
    <p>
      If you have a license to the GoJS source code, you can rebuild the full functionality `go.js` library
      in the <code>maximalSource</code> subdirectory or at
      <a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/maximalSource">GitHub: maximalSource</a>
    </p>
    <p>
      If you have a license to the GoJS source code, you can build the subset functionality library
      in the <code>minimalSource</code> or <code>minimalSourceBrowserify</code> subdirectory or at
      <a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/minimalSource">GitHub: minimalSource</a>, or at
      <a href="https://github.com/NorthwoodsSoftware/GoJS/tree/master/projects/minimalSourceBrowserify">GitHub: minimalSourceBrowserify</a>
    </p>

    <h2>Other GoJS Sample Projects</h2>
    <p>
      As of GoJS 2.0 many of these projects have moved to their own GitHub repositories.
    </p>
    <p>
      There is a new package for Angular, named gojs-angular, which is at <a href="https://github.com/NorthwoodsSoftware/gojs-angular">GitHub: gojs-angular</a>.
      It is also available for <a href="https://www.npmjs.com/package/gojs-angular">npm: gojs-angular</a>.
      That package is used by a sample: <a href="https://github.com/NorthwoodsSoftware/gojs-angular-basic">GitHub: gojs-angular-basic</a>.
      Read more about Angular at the <a href="../intro/angular.html" target="_blank">GoJS with Angular</a> Intro page.
    </p>
    <p>
      There is a new package for React, named gojs-react, which is at <a href="https://github.com/NorthwoodsSoftware/gojs-react">GitHub: gojs-react</a>.
      It is also available for <a href="https://www.npmjs.com/package/gojs-react">npm: gojs-react</a>.
      That package is used by a sample: <a href="https://github.com/NorthwoodsSoftware/gojs-react-basic">GitHub: gojs-react-basic</a>.
      Read more about React at the <a href="../intro/react.html" target="_blank">GoJS with React</a> Intro page.
    </p>
    <ul>
      <li>The Electron sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/electron-circuit">GitHub: electron-circuit</a></li>
      <li>The Cordova sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/cordova-circuit">GitHub: cordova-circuit</a></li>
      <li>The NW sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/nw-circuit">GitHub: nw-circuit</a></li>
      <li>The Vue Webpack sample is now at <a href="https://github.com/NorthwoodsSoftware/GoJS-projects/tree/master/vue-webpack">GitHub: vue-webpack</a></li>
    </ul>
  </div>

</body>
</html>
